<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>系统公告</title>
</head>
<body>
<div th:fragment="notice-modal" class="notice-modal" id="noticeModal">
    <div class="notice-modal__header">
        <h3 class="notice-modal__title">系统公告</h3>
        <div class="notice-modal__close-btn">&times;</div>
    </div>

    <div class="notice-modal__content">
        <div class="notice-modal__sidebar" id="noticeList">
            <!-- 公告列表将通过JS动态生成 -->
            <div class="notice-modal__loading">
                <div class="loading-spinner"></div>
            </div>
        </div>

        <div class="notice-modal__main" id="noticeContent">
            <div class="notice-modal__placeholder">
                <i class="icon-notice"></i>
                <p>请从左侧选择公告查看详情</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>